Ext.onReady(function() {
	var loadMask = new Ext.LoadMask(Ext.getBody(), {msg:"请稍后，正在处理中..."});
	var toolbar = Ext.create('Ext.toolbar.Toolbar', {
		dock : 'top',
		items : [{
					text : '返回',
					xtype : 'button',
					listeners : {
						click : function() {
							location.href = "sysMgr/data_security";
						}
					}
				}, {
					text : '还原',
					xtype : 'button',
					listeners : {
						click : function() {
							var grid = Ext.getCmp("db_grid");
							var selectionModel = grid.getSelectionModel();
							var models = selectionModel.getSelection();
							var name = models[0].get("Name");
							loadMask.show();
							Ext.Ajax.request({
								url : '/db_sec/reload',
								params:{
									name: name
								},
								callback : function(options, success, response) {
									loadMask.hide();
									if (success) {
										var result = Ext
												.decode(response.responseText);
										if (result.success) {
											Ext.Msg.alert("成功", result.msg);
										} else {
											Ext.Msg.alert("错误", result.msg);
										}
									}
								}
							})
						}
					}
				},{
					text: '刷新',
					xtype: 'button',
					listeners: {
						click: function(){
							Ext.getCmp("db_grid").getStore().reload();
						}
					}
				}]
	});

	var store = Ext.create('Ext.data.Store', {
				fields : ['Type', 'Name', 'Size'],
				autoLoad : true,
				proxy : {
					type : 'ajax',
					url : '/db_sec/files',
					reader : {
						type : 'json',
						root : 'data'
					}
				}
			});
	var grid = Ext.create('Ext.grid.Panel', {
				id : 'db_grid',
				selType : 'checkboxmodel',
				selModel : {
					mode : 'SINGLE'
				},
				margin : '0 5 5 5',
				store : store,
				columns : [{text : '序号',
							xtype : 'rownumberer',
							width : 40,
							sortable : false
						}, {
							text : '名称',
							dataIndex : 'Name',
							width : 200
						}, {
							text : '大小',
							dataIndex : 'Size',
							flex : 1,
							renderer : function(v) {
								var g = 1024 * 1024 * 1024;
								var m = 1024 * 1024;
								var k = 1024;

								if (v >= g) {
									return Ext.util.Format
											.number(v / g, '0.00')
											+ 'G';
								} else if (v >= m) {
									return Ext.util.Format
											.number(v / m, '0.00')
											+ 'M';
								} else if (v >= k) {
									return Ext.util.Format
											.number(v / k, '0.00')
											+ 'K';
								} else {
									return v + 'B';
								}
							}
						}]
			});

	var panel = Ext.create("Ext.panel.Panel", {
				title : '',
				border : false,
				bodyBorder : false,
				layout : 'fit',
				dockedItems : [toolbar],
				items : [grid]
			});
	Ext.create('Ext.Viewport', {
				layout : 'fit',
				style : 'background:none;background-color:white;',
				items : [panel]
			});
});